<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BOM和DOM</title>
</head>
<body>
    <script>
        document.write('<p style="color:red">DOM：document-Object-Model(文档-对象-模型)</p>')
        document.write('<p style="color:red">BOM：Browser-Object-Model(浏览器-对象-模型)</p>')
        document.write('<p style="color:red"><br><br>window：浏览器窗口对象，最大的对象，其它的都是 window 的子对象。</p>')
        document.write('<p style="color:red">history：历史记录对象，浏览器中的历史记录。</p>')
        document.write('<p style="color:red">location：网址对象，浏览器中网址搜索区域。</p>')
        document.write('<p style="color:red">document：文档对象，浏览器中内容显示的区域。</p>')
    </script>
</body>
</html>